import { axisColorConfig } from '@/config/stage-canvas-config';
import { upperCase } from 'lodash-es';
import { Axis } from './types';

export function AxisBackup({
  axis,
  parentheses,
}: {
  axis: Axis;
  parentheses?: boolean;
}) {
  const axisText = upperCase(axis);
  const content = parentheses ? `(${axisText})` : axisText;
  return <span style={{ color: axisColorConfig[axis] }}>{content}</span>;
}
